<template>
  <section id="trademark">
    <section class="banner">
      <h1>全球商标注册</h1>
      <h2>成功率高达95%以上,专业顾问快速办理！</h2>
      <get-more type="5"></get-more>
    </section>
    <section class="intro">
      <div class="item" v-for="item in intro_list" :key="item.title">
        <div class="icon-bar">
          <img :src="item.img_url">
        </div>
        <h3>{{ item.title }}</h3>
        <p v-for="t in item.tips" :key="t">{{ t }}</p>
      </div>
    </section>
    <section class="apply">
      <h2>商标注册申请须知：</h2>
      <div>
        <p>自然人、法人或者其他组织在生产经营活动中，对其商品或者服务需要取得商标专用权的，应当向商标局申请商标注册。狭义的商标注册申请仅指商品和服务商标注册申请、商标国际注册申请、证明商标注册申请、集体商标注册申请、特殊标志登记申请。广义的商标注册申请除包括狭义的商标注册申请的内容外，还包括变更、续展、转让注册申请，异议申请，撤销申请，商标使用许可备案，以及其他商标注册事宜的办理。</p>
        <p>国内的商标注册申请人办理商标注册申请有两种途径：一是自行办理；二是委托依法设立的商标代理机构办理。两种途径的主要区别是发生联系的方式、提交的书件、文件递交和送达方式稍有差别。在发生联系的方式方面，自行办理的，在办理过程中申请人与商标局直接发生联系；委托商标代理机构办理的，在办理过程中申请人通过商标代理机构与商标局发生联系，而不直接与商标局发生联系。在提交的书件方面，自行办理的，申请人应按规定提交相关书件；委托商标代理机构办理的，申请人除应提交的其他书件外，还应提交委托商标代理机构办理商标注册事宜的授权委托书。</p>
      </div>
      <div>
        <p>在文件递交方式方面，申请人自行办理的，由申请人或经办人直接将申请文件递交到商标局商标注册大厅（也可到商标局驻中关村国家自主创新示范区办事处，商标局在京外设立的商标审查协作中心，或者商标局委托地方工商和市场监管部门设立的商标受理窗口），申请人也可以通过网上申请系统提交；代理机构可以将申请文件直接递交、邮寄递交或通过快递企业递交商标局，也可以通过网上申请系统提交。在文件送达方式方面，申请人自行办理的，商标局的各种文件是送达当事人；委托商标代理机构办理的，文件送达商标代理机构。</p>
        <p>外国人或者外国企业在中国申请商标注册和办理其他商标事宜的，应当委托依法设立的商标代理机构办理。但在中国有经常居所或者营业所的外国人或外国企业，可以自行办理。</p>
        <p>委托商标代理机构办理商标注册事宜的，应准备的书件和办理程序可以向商标代理机构咨询。</p>
      </div>
    </section>
    <section class="notice">
      <h2>使用本栏目应注意以下几点：</h2>
      <div>
        <p>一、申请商标注册，应当按照公布的商品和服务分类表填报。每一件商标注册申请应当向商标局提交《商标注册申请书》1份、商标图样1份；以颜色组合或者着色图样申请商标注册的，应当提交着色图样，并提交黑白稿1份；不指定颜色的，应当提交黑白图样。商标注册申请人可以通过一份申请就多个类别的商品申请注册同一商标。每件商标每申请办理任何一项注册事宜都视为一件申请，应提交办理相应事宜的申请书件，并按规定缴纳费用。</p>
        <p>二、应提交的书件没有指明份数的，如果在“填写说明”栏目中也没有特别声明是多少份的，则应认为是1式1份。</p>
      </div>
      <button style="cursor:pointer;" @click="getPrice">免费获取报价</button>
    </section>
    <section class="material">
      <h2>需准备资料</h2>
      <div class="list">
        <div class="item" v-for="item in material_list" :key="item.title">
          <h3>{{ item.title }}</h3>
          <p>{{ item.tips }}</p>
        </div>
      </div>
    </section>
    <section class="register">
      <h2>软件著作权登记流程</h2>
      <template v-for="(item, index) in register_list">
        <div class="item" :key="item.title">
          <div class="img-bar">
            <img :src="item.img_url">
          </div>
          <h3>{{ item.title }}</h3>
          <p>{{ item.tips }}</p>
        </div>
        <div class="right-arrow" v-if="index + 1 !== register_list.length" :key="item.title"></div>
      </template>
    </section>
    <section class="importance">
      <h2>产品著作权的重要性</h2>
      <div v-for="item in importance_list" :key="item.title">
        <img :src="item.img_url">
        <h3>{{ item.title }}</h3>
        <p v-for="t in item.tips" :key="t">{{ t }}</p>
      </div>
    </section>
    <contract-us></contract-us>
  </section>
</template>

<script>
  /**
   * @Author: lifuzhao
   * @Date: 2019-05-07
   * @Project: eabax
   */
  import '../assets/less/trademark.less'
  import getMore from '../components/get-more'
  import contractUs from '~/components/contract-us.vue'

  export default {
    name: 'trademark',
    layout: 'common',
    components: {
      getMore,
      contractUs
    },
    data () {
      return {
        intro_list: [
          {
            img_url: require('../assets/images/trademark-intro-1.png'),
            title: '版权申请',
            tips: ['软件著作权、著作权']
          },
          {
            img_url: require('../assets/images/trademark-intro-2.png'),
            title: '专利领域',
            tips: ['专利确权、专利维权、', '涉外专利']
          },
          {
            img_url: require('../assets/images/trademark-intro-3.png'),
            title: '商标领域',
            tips: ['商标设计、商标确权、', '商标维权']
          },
          {
            img_url: require('../assets/images/trademark-intro-4.png'),
            title: '品牌领域',
            tips: ['中国驰名商标行政认定']
          },
          {
            img_url: require('../assets/images/trademark-intro-5.png'),
            title: '项目申报',
            tips: ['高企、资金补助项目']
          },
        ],
        material_list: [
          {
            title: '您填写软件基本信息采集表',
            tips: '我们会根据信息采集表内容为您整理需要盖章签字的材料'
          },
          {
            title: '提供部分源程序（电子版）',
            tips: '我们会根据信息采集表内容为您整理需要盖章签字的材料'
          },
          {
            title: '提供手机（电子版）',
            tips: '我们会根据信息采集表内容为您整理需要盖章签字的材料'
          },
          {
            title: '盖章与快递',
            tips: '我们会根据信息采集表内容为您整理需要盖章签字的材料'
          },
        ],
        register_list: [
          {
            img_url: require('../assets/images/trademark-register-1.png'),
            title: '网上填报',
            tips: '公告后发放证书，我公司收到证书后扫描给您确认'
          },
          {
            img_url: require('../assets/images/trademark-register-2.png'),
            title: '材料审查',
            tips: '公告后发放证书，我公司收到证书后扫描给您确认'
          },
          {
            img_url: require('../assets/images/trademark-register-3.png'),
            title: '公告发证',
            tips: '公告后发放证书，我公司收到证书后扫描给您确认'
          },
          {
            img_url: require('../assets/images/trademark-register-4.png'),
            title: '确认付款',
            tips: '公告后发放证书，我公司收到证书后扫描给您确认'
          },
        ],
        importance_list: [
          {
            img_url: require('../assets/images/trademark-importance-1.png'),
            title: '保护',
            tips: ['作为作品得到', '重点保护的依据']
          },
          {
            img_url: require('../assets/images/trademark-importance-2.png'),
            title: '税收',
            tips: ['作为税收', '优惠的依据']
          },
          {
            img_url: require('../assets/images/trademark-importance-3.png'),
            title: '技术',
            tips: ['作为技术', '出资入股']
          },
          {
            img_url: require('../assets/images/trademark-importance-4.png'),
            title: '成果',
            tips: ['作为作品得到', '重点保护的依据']
          },
          {
            img_url: require('../assets/images/trademark-importance-5.png'),
            title: '证明',
            tips: ['作为作品得到', '重点保护的依据']
          },
          {
            img_url: require('../assets/images/trademark-importance-6.png'),
            title: '纠纷',
            tips: ['作为作品得到', '重点保护的依据']
          },
          {
            img_url: require('../assets/images/trademark-importance-7.png'),
            title: '贸易',
            tips: ['作为作品得到', '重点保护的依据']
          },
        ],
      }
    },
    methods: {
      getPrice(){
        this.$fn.openQQ()
      }
    }
  }
</script>
